/**
 * 重置样式表
 * 用于消除浏览器默认样式的差异，保证在不同浏览器下有一致的基础样式
 */

/* 重置所有元素的盒模型 */
* {
  /* 使用更直观的盒模型，宽度包含padding和border */
  box-sizing: border-box;
  /* 去除移动端点击时的高亮效果 */
  -webkit-tap-highlight-color: transparent;
}

/* 重置HTML和BODY */
html, body {
  /* 去除默认边距 */
  margin: 0;
  padding: 0;
  /* 占满整个视口 */
  width: 100%;
  height: 100%;
  /* 设置默认字体族，优先使用系统默认字体，提高性能和一致性 */
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
  /* 设置默认字体大小 */
  font-size: 14px;
  /* 设置默认行高 */
  line-height: 1.5;
  /* 设置默认文字颜色 */
  color: #333;
  /* 设置默认背景色 */
  background-color: #f7f8fa;
  /* 优化字体渲染，使文字更清晰 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 重置标题元素 */
h1, h2, h3, h4, h5, h6 {
  /* 去除默认边距 */
  margin: 0;
  padding: 0;
  /* 重置字体粗细为正常 */
  font-weight: normal;
  /* 使用继承的字体大小，而不是浏览器默认的大小 */
  font-size: inherit;
}

/* 重置段落和列表 */
p, ul, ol, dl, dd {
  /* 去除默认边距 */
  margin: 0;
  padding: 0;
}

/* 去除列表项的默认样式（如项目符号、数字） */
ul, ol {
  list-style: none;
}

/* 重置链接 */
a {
  /* 去除下划线 */
  text-decoration: none;
  /* 使用继承的颜色，而不是浏览器默认的蓝色 */
  color: inherit;
}

/* 去除链接获取焦点时的轮廓线 */
a:focus {
  outline: none;
}

/* 重置表单元素 */
input, button, textarea, select {
  /* 去除默认边距 */
  margin: 0;
  padding: 0;
  /* 继承字体族 */
  font-family: inherit;
  /* 继承字体大小 */
  font-size: inherit;
  /* 继承颜色 */
  color: inherit;
  /* 透明背景 */
  background-color: transparent;
  /* 去除边框 */
  border: none;
  /* 去除轮廓线 */
  outline: none;
  /* 去除默认外观，如下拉箭头、搜索取消按钮等 */
  appearance: none;
}

/* 设置按钮的鼠标样式为手型，提高可点击性 */
button {
  cursor: pointer;
}

/* 重置图片 */
img {
  /* 默认为块级元素，避免图片下方出现间隙 */
  display: block;
  /* 图片最大宽度不超过容器 */
  max-width: 100%;
  /* 保持图片比例 */
  height: auto;
}

/* 清除浮动，防止父元素高度塌陷 */
.clearfix::after {
  content: '';
  display: table;
  clear: both;
}

/* 隐藏元素 */
.hidden {
  display: none !important;
}

/* 单行文本溢出省略 */
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 多行文本溢出省略（2行） */
.multi-ellipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 多行文本溢出省略（3行） */
.multi-ellipsis-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 禁止选择文本，用于不需要复制的元素 */
.no-select {
  user-select: none;
}

/* 禁止事件，用于禁用元素的交互 */
.no-events {
  pointer-events: none;
}

/* 修复iOS点击延迟，提高移动端点击响应速度 */
html {
  touch-action: manipulation;
} 